<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./reset.css" />
    <style>
      .card {
        display: flex;
        justify-content: space-between;
        border: 1px solid red;
      }
      .card__thumb {
        min-inline-size: 100px;
        aspect-ratio: 4/3;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #000;
      }
      /* .card__thumb > svg {
        width: 100%;
        height: 100%;
      } */
      .card__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        border: 1px solid #000;
      }
      .title > small {
        display: block;
      }
      .card__content > button {
        align-self: flex-end;
      }
    </style>
  </head>
  <body>
    <div class="card">
       
      <div class="card__thumb">
           <svg
          t="1662879804494"
          class="icon"
          viewBox="0 0 1445 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5503"
          width="200"
          height="200"
        >
               
          <path
            d="M0.005421 131.312941V584.282353a30.117647 30.117647 0 0 0 49.995294 22.889412l271.661177-236.724706a60.235294 60.235294 0 0 1 77.101176 0l259.011765 207.209412 142.757647-142.757647a60.235294 60.235294 0 0 1 80.112941-4.216471l301.176471 240.941176a60.235294 60.235294 0 1 1-75.294118 93.967059l-259.011765-207.209412-142.757647 142.757648a60.235294 60.235294 0 0 1-80.112941 4.21647L361.417186 493.929412l-301.176471 262.625882a180.705882 180.705882 0 0 0-60.235294 136.131765A131.312941 131.312941 0 0 0 131.318362 1024h1183.021177A131.312941 131.312941 0 0 0 1445.65248 892.687059V131.312941A131.312941 131.312941 0 0 0 1314.339539 0H131.318362A131.312941 131.312941 0 0 0 0.005421 131.312941zM1114.358362 421.647059a144.564706 144.564706 0 1 1 144.564706-144.564706A144.564706 144.564706 0 0 1 1114.358362 421.647059z"
            fill="currentColor"
            p-id="5504"
          ></path>
             
        </svg>
         
      </div>
       
      <div class="card__content">
           
        <h3 class="title">
          <small>UX Design</small>
          Make it easier to search and filter
        </h3>
        ​    <button>Read More</button>  
      </div>
    </div>
  </body>
</html>
